<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>Vue</title>
    <script src="https://cdn.staticfile.org/vue/2.2.2/vue.min.js"></script>
</head>
<body>
<div id="app_gl_1">
    过滤器，只能在插值表达式 和 v-bind 中才能够使用；全局和私有过滤器，调用顺序，先私有，让后局部；可添加多个过滤器<br/>
    <h2>{{message | msgFormat | msgFormat1}}<h2>

</div>

<script>
    new Vue({
        el: '#app_gl_1',
        data: {
            message: '我是一只正直的小鸟，一直做着正直的事情'
        },
        methods: {},
        filters: {
            msgFormat(msg) {
                return msg.replace(/正直/g, '残酷')
            },
            msgFormat1(msg) {
                return msg + "~~~~~"
            }
        }
    })
</script>
</body>
</html>